<script src="../../lib/jquery-1.7.1.js"></script>
<script src="../../src/scrollable/scrollable.js"></script>

<link rel="stylesheet" type="text/css" href="style.css"/>

<script>
$(function() {
  var api = $("div.scrollable").scrollable({api: true, size: 2});

  // test http://flowplayer.org/forum/8/31650
  $("button:eq(0)").click(function () {
    try {
      api.click(0);
      $(this).text("success");
    } catch (err) {
      $(this).text("failed");
    }
  });
});
</script>


<div class="scrollable" style="width:260px">
	
	<div class="items">
		<div>0</div>  
		<div>1</div>  
		<div>2</div>  
    <div>3</div>
	</div>
	
</div>

<h4>issue 8/31650</h4>

<p>
  <a href="http://flowplayer.org/forum/8/31650">Scrollable error when size = 2</a>
</p>

<p>
  <button type="button">test click</button>
</p>
